@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@200;300;400;600;800&family=Barlow:wght@200;300;500;800&family=Catamaran:wght@100;200;300;700&display=swap'); */
html {
	background: #fff;
}
body {
	font-family: "微软雅黑", Arial, Helvetica, sans-serif
	font-size: 14px;
	font-weight: 400;
	color: #333;
	margin: 0 auto;
	overflow-x: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
 display:none;
}
a {
	background-color: transparent;
}
a:active, a:hover {
	outline: 0;
	color: #06F;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: 700;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: .67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
img {
	border: 0;
	max-width: 100%;
}
svg:not(:root) {
	overflow: hidden;
}
/*figure {
	margin: 1em 40px;
}*/
.nomp {
	margin: 0;
	padding: 0;
}
.norl {
	margin-left: auto; margin-right:auto;
	padding: 0;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
 border:0;
 padding:0;
}
input {
	line-height: normal;
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 height:auto;
}
input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
 -webkit-appearance:none;
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: 700;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}
/*! reset.css */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
}
iframe {
	display: block;
}
ol, ul {
	/*list-style: none;*/ list-style-position:inside;
}
#ullist ul { padding-left:3rem !important; list-style-position:inherit !important; }
#ullist ol { padding-left:3rem !important; list-style-position:inherit !important; }


h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
}
input:required {
/* border:none;
*/ box-shadow:none;
}
input:invalid {
 background-color:transparent;
 box-shadow:none;
}
:focus {
	-moz-outline-style: none;
	outline: 0;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.hide {
	display: none!important;
}
.show {
	display: block!important;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.ovh {
	overflow: hidden;
}
.table {
	display: table;
}
#table a { color:#0079c3; }
.table-cell {
	display: table-cell;
}
a {
	color: #555;
	cursor: pointer;
	/*-moz-transition:all .15s ease-out;
	-webkit-transition:all .15s ease-out;
	-o-transition:all .15s ease-out;
	transition:all .15s ease-out;*/
	text-decoration: none;
}
.hidden {
	overflow-y: hidden;
}
.mac-hidden {
	overflow: hidden;
}
.uppc {
	text-transform: uppercase;
}
.h100 {
	height: 100%;
	position: relative;
}
.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.flex-middle {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
.flex-center {
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}
.fx1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
}
.content {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.content:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.naver {
	height: 80px;
	margin-left: 52px;
}
.naver li {
	float: left;
	position: relative;
}
.naver li.active a {
	color: #155690;
}
.naver li>a {
	display: block;
	padding: 0 35px;
	line-height: 80px;
	height: 80px;
	font-size: 18px;
	color: #202020;
}
.naver li:hover>a {
	color: #0064a7;
	background: #f5f5f5;
}
.sub-nav {
	position: absolute;
	top: 80px;
	display: none;
	padding: 12px 380px 30px 0;
	height: 280px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f5f5f5 url(/UploadSysFiles/Images/online/subnav_bg_15.jpg) no-repeat right 0;
	z-index: 9;
	box-shadow: 0 4px 4px rgba(0,0,0,.2);
}
.sub-nav.bg2 {
	background-image: url(/UploadSysFiles/Images/online/subnav_bg_03.jpg);
}
.sub-nav.bg3 {
	background-image: url(/UploadSysFiles/Images/online/subnav_bg3_03.jpg);
	width: 760px;
}
.sub-nav.bg4 {
	background-image: url(/UploadSysFiles/Images/online/subnav_bg_16.jpg);
}
.sub-nav.bg3 dd {
	float: left;
	width: 50%
}
.sub-nav a {
	display: block;
	line-height: 28px;
	height: 28px;
	padding: 0 35px 0 45px;
	white-space: nowrap;
	font-size: 14px;
	color: #202020;
	background: url(/UploadSysFiles/Images/online/sub_nav_arr_15.png) no-repeat 35px center;
}
.sub-nav dd {
	padding: 3px 0;
}
.navtop {
	margin: 0 auto;
	height: 40px;
	list-style: none;
}
.navtop li {
	float: left;
	height: 40px;
	position: relative;
	list-style: none;
}
.navtop li.last {
	background: none;
}
.navtop li a {
	text-decoration: none;
	line-height: 22px;
	font-size: 14px;
}
.navtop li a span {
	float: left;
	display: block;
	line-height: 40px;
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
	width: 183px;
	text-align: center;
}
.navtop li.active {
	background: url(/Template/cn/Images/menu_hover.jpg);
}
.mj_hover_menu {
	text-decoration: none;
	width: 183px;
	background: url(/Template/cn/Images/menu_hover.jpg);
	height: 40px;
}
.navtop li.selected .submenu {
	display: block;
}
.navtop li .submenu {
	display: none;
	position: absolute;
	top: 40px;
	left: -9px;
}
.navtop li .submenu li {
	float: none;
	padding: 0;
	background: none;
	height: auto;
	border-bottom: dotted 0px #BEBEBE;
}
 position: relative;
}
.Adv-title {
	text-align: center;
	font-size: 24px;
	margin-top: 25px;
	margin-bottom: 55px;
}
.advlist li {
	list-style: none;
	list-style-position: inside;
}
.advlist h6 {
	font-size: 24px;
	font-weight: bold;
	color: #155690;
	margin-bottom: 15px;
}
.Advantage-d {
	margin-bottom: 25px;
}
.cont {
	min-height: 100px;
	margin-bottom: 10px;
}
.qclist img:hover {
	animation: wobble;
	animation-duration: 2s;
}
.picList img:hover {
	animation: flip;
	animation-duration: 2s;
}
.bg-about img:hover {
	animation: heartBeat;
	animation-duration: 2s;
}
.advball img:hover {
	animation: shakeX;
	animation-duration: 2s;
}
.bgmenu {
	position: relative;
}
.menu-text-1 {
	position: absolute;
	left: 10%;
	top: 20%;
	color: #fff;
}
.menu-text-1 h3 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
}
.menu-text-1 h2 {
	font-size: 50px;
	font-weight: bold;
}
/*
.bgmenu img:Hover {
	animation: wobble;
	animation-duration: 2s;
	}
*/

.pagecon h3, .pagecon h4 {
	font-weight: bold;
}
.pagecon .col-sm-6 {
	position: relative;
}
.pagecon .box {
	position: absolute;
	top: 30%;
	left: 20%;
}
.pagecon .box h4 {
	font-size: 24px;
}
.pagecon .box h4::after {
	background: #155690 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 2px;
	margin: 13px auto 0 0;
	width: 30px;
}
.pagecon img:hover {
	animation: headShake;
	animation-duration: 2s;
}
.qclist h3 {
	font-weight: bold;
	color: #155690;
	font-size: 24px;
	margin-bottom: 15px;
}
.accdesc {
	font-size: 14px;
	line-height: 30px;
	text-indent: 18px;
	color: #333
}
#accordionFlushExample button {
	font-size: 20px;
/*	font-weight: bold;
*/}

#accordionFlushExample2 button {
	font-size: 20px;
/*	font-weight: bold;
*/}

.mt-10 {
	margin-top: 6rem !important;
}
.mb-10 {
	margin-bottom: 6rem !important;
}
.m-title {
	font-size: 48px;
	color: #155690;
	font-weight: bold;
}
.m-title::after {
	background: #333 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	width: 60px;
	position: relative;
	margin: 30px auto 10px auto;
}
.mtake-title {
	font-size: 40px;
	color: #155690;
	font-weight: bold;
}
.mtake-sub-title {
	font-size: 27px;
	color: #000;
	font-weight: bold;
}
.mtake-sub-title::after {
	background: #333 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	width: 60px;
	position: relative;
	margin: 30px auto 10px auto;
}
.classlist {
	position: relative;
}
.classlist h3 a {
	font-size: 20px;
	font-weight: bold;
}
.promore {
	position: absolute;
	bottom: 8px;
	right: 8px;
}
.mprolist:hover {
	animation: headShake;
	animation-duration: 2s;
}
.pad2 {
	padding: 2rem !important;
}
.protitlelist .sticky-top {
	top: 70px;
	z-index: 10;
}
.protitlelist th {
	background: #efefef; font-size:12px;
}
table.gradetable label { font-weight:100;}
.searchlistcon > tbody > tr > td { font-size:12px; }
.protitlelist th, .protitlelist td {
	/*	padding: 2px;
*/	text-align: center;
}
.tlogo a {
	color: #06F;
}
.main abbr[title] {
	border-bottom: 0;
}
/* Common style */
.row figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}
.row figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}
.row figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.row figure figcaption::before, .row figure figcaption::after {
	pointer-events: none;
}
.row figure figcaption, .row figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.row figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.row figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}
.row figure h2 span {
	font-weight: 800;
}
.row figure h2, .row figure p {
	margin: 0;
}
.row figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-sarah:hover img {
	/*	opacity: 0.4;
*/	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
figure.effect-sarah figcaption {
	text-align: left;
	background: linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 70%);
}
figure.effect-sarah figcaption a {
	color: #fff;
}
figure.effect-sarah h2 a {
	color: #fff;
}
figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
	margin-bottom: 15px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
}
.bar7 {
}
.bar7 form {
	height: 65px;
}
.bar7 {
	position: relative;
	margin: 0 auto;
}
.bar7 input, .bar7 button {
	border: none;
	outline: none;
}
.bar7 input {
	width: 100%;
	height: 65px;
	padding-left: 13px;
}
.bar7 button {
	height: 65px;
	width: 65px;
	cursor: pointer;
	position: absolute;
}
.bar7 input {
	border-radius: 42px;
	border: 2px solid #a3a3a3;
	transition: .3s linear;
	float: right;
	font-size: 20px;
}
.bar7 input:focus {
}
.bar7 button {
	background: none;
	top: -2px;
	right: 15px;
}
.bar7 button:before {
	/*  content: "\f689";
  font-family: 'Glyphicons Halflings';
*/  color: #a3a3a3;
	font-size: 3.3em;
}
/* 在线客服 */
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#06F;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.cart { display:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(/UploadSysFiles/Images/online/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/UploadSysFiles/Images/online/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/UploadSysFiles/Images/online/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(/UploadSysFiles/Images/online/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(/UploadSysFiles/Images/online/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(/UploadSysFiles/Images/online/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(/UploadSysFiles/Images/online/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}




.piclist {
 border-radius:10px;
 box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
 background-color:#fff;
 margin:0;
 position:relative;
 z-index:0;
 border:none;
 -webkit-transition:-webkit-transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
 -moz-transition:-moz-transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
 -ms-transition:-ms-transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
 transition:transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
 -webkit-transform:translateY(0px);
 -ms-transform:translateY(0px);
 -moz-transform:translateY(0px);
 transform:translateY(0px)
}
.piclist:hover {
 box-shadow:0 14px 28px rgba(0,0,0,.2);
 -webkit-transform:translateY(-10px);
 -ms-transform:translateY(-10px);
 -moz-transform:translateY(-10px);
 transform:translateY(-10px)
}
#product-sidebar .search-box { display:none; }
.prolist p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.Ncheader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	/*border-bottom: 1px solid rgba(255, 255, 255, 0.3); background:#fff;*/
}
.Ncheader .nav {
	height: 126px;
/*	width: 1500px;
*/	margin: 0 auto;
}
.Ncheader .nav .logo {
	float: left;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.Ncheader .nav .logo a {
	line-height: 100%;
	display: block;
	height: 100%;
}
.Ncheader .nav .logo a img {
	max-height: 100%;
	display: block;
}
.Ncheader .nav .logo .im2 {
	display: none;
}
.Ncheader .nav .logo .im1 img:nth-child(2) {
	display: none;
}
.Ncheader .nav .centre {
	float: right;
	position: relative;
}
.Ncheader .nav .centre ul {
	position: relative;
	height: 126px;
	line-height: 126px;
}
.Ncheader .nav .centre ul li {
	float: left;
	padding: 0 25px;
	line-height: 100px;
	margin-top: 26px;
}
.Ncheader .nav .centre ul li .a {
	display: block;
	color: #fff;
	font-size: 20px;
}
.Ncheader3 .nav .centre ul li .a {
	display: block;
	color: #fff;
	font-size: 20px;
}
.scroll .nav .centre ul li .a {
	display: block;
	color: #333;
	font-size: 20px;
}
.Ncheader .nav .centre ul li .listnav {
	background-color: #fff;
	position: fixed;
	border-top: 1px solid #e9e9e9;
	top: 126px;
	left: 50%;
	display: none;
	width: 1000px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 3;
	padding: 30px 0;
}
.Ncheader .nav .centre ul li .listnav div {
	height: 100%;
	width: calc(24.66% - 1px);
	float: left;
	border-right: 1px solid #e9e9e9;
	padding: 0 1%;
}
.Ncheader .nav .centre ul li .listnav div b {
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e9e9e9;
	line-height: 20px;
	margin-bottom: 15px;
}
.Ncheader .nav .centre ul li .listnav div b img {
	transform: translateY(-2px);
	margin-right: 5px;
}
.Ncheader .nav .centre ul li .listnav div a {
	font-size: 14px;
	line-height: 30px;
	display: block;
	padding: 0 20px;
}
.Ncheader .nav .centre ul li .listnav div a:hover {
	color: #05649a;
}
.Ncheader .nav .centre ul li strong {
	display: none;
}
.Ncheader .nav .centre ul span {
	height: 2px;
	display: block;
	background-color: #fff;
	position: absolute;
	bottom: 22px;
	z-index: 1;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.Ncheader .nav .right {
	float: right;
}
.Ncheader .nav .right .tel {
	line-height: 100px;
	height: 100px;
	margin-top: 26px;
	float: left;
}
.Ncheader .nav .right .tel1 {
	float: left;
	position: relative;
	line-height: 100px;
	margin-top: 26px;
	margin-left: 20px;
	cursor: pointer;
	z-index: 999;
}
.Ncheader .nav .right .tel1 img:nth-child(2) {
	display: none;
}
.Ncheader .nav .right .tel1 .search {
	position: absolute;
	top: 101px;
	right: 0;
	line-height: 1;
	overflow: hidden;
	width: 200px;
	background-color: #fff;
	border-radius: 5px;
	display: none;
	border: 1px solid #eee;
}
.Ncheader .nav .right .tel1 .search input {
	height: 50px;
	float: left;
	width: 120px;
	border: none;
	padding: 0 20px;
}
.Ncheader .nav .right .tel1 .search button {
	height: 50px;
	float: left;
	width: 40px;
	background-color: transparent;
	border: none;
	padding-right: 10px;
}
.Ncheader .nav .right .tel a {
	color: #fff;
	font-size: 20px;
}
.scroll .nav .right .tel a {
	color: #333;
	font-size: 20px;
}
.Ncheader .nav .right .tel em {
	color: #333;
	font-size: 20px;
	display: inline-block;
	margin: 0 10px;
}

.Ncheader3 .nav .right .tel a {
	color: #fff;
	font-size: 20px;
}
.Ncheader3 .nav .right .tel em {
	color: #fff;
	font-size: 20px;
	display: inline-block;
	margin: 0 10px;
}

.scroll .nav .right .tel a {
	color: #333;
	font-size: 20px;
}
.scroll .nav .right .tel em {
	color: #333;
	font-size: 20px;
	display: inline-block;
	margin: 0 10px;
}




.Ncheader .nav .h3 {
	position: absolute;
	right: 10px;
	top: 10px;
	display: none;
}
.Ncheader .nav .h3 i {
	font-size: 26px;
}
.Ncheader .h2 {
	display: none;
	float: right;
}
.Ncheader .h2 i {
	color: #fff;
	font-size: 26px;
	line-height: 60px;
}
.Ncheader2 {
/*	background-color: #fff;
	-moz-box-shadow: 0 0 10px rgba(24, 24, 24, 0.1);
	-webkit-box-shadow: 0 0 10px rgba(24, 24, 24, 0.1);
	box-shadow: 0 0 10px rgba(24, 24, 24, 0.1);*/
}
.Ncheader2 .nav .logo .im1 img:nth-child(1) {
	display: none;
}
.Ncheader2 .nav .logo .im1 img:nth-child(2) {
	display: block;
}
.Ncheader2 .nav .centre ul li .a {
	color: #333;
}
.Ncheader3 .nav .centre ul li .a {
	color: #fff;
}
.scroll .nav .centre ul li .a {
	color: #333;
}
.Ncheader2 .nav .centre ul li .a:hover {
	color: #05649a;
}
.Ncheader2 .nav .centre ul li .listnav a:hover {
	color: #05649a;
}
.Ncheader2 .nav .centre ul span {
	background-color: #05649a;
}
.Ncheader2 .nav .centre ul .active a {
	color: #05649a;
}
.Ncheader2 .nav .right .tel a, .Ncheader2 .nav .right .tel em {
	color: #fff;
}
.scroll .nav .right .tel a { color:#333; }
.Ncheader2 .nav .right .tel1 img:nth-child(1) {
	display: none;
}
.Ncheader2 .nav .right .tel1 img:nth-child(2) {
	display: inline-block;
}

.scroll .nav .right .tel1 img:nth-child(1) {
	display: inline-block;
}
.scroll .nav .right .tel1 img:nth-child(2) {
	display: none;
}
.Ncheader2:hover .nav .right .tel1 img:nth-child(1) {
	display: none;
}
.Ncheader2:hover .nav .right .tel1 img:nth-child(2) {
	display: inline-block;
}
.scroll:hover .nav .right .tel1 img:nth-child(1) {
	display: none;
}
.scroll:hover .nav .right .tel1 img:nth-child(2) {
	display: inline-block;
}



.scroll .nav .right .tel1 img:nth-child(1) {
	display: none;
}
.scroll .nav .right .tel1 img:nth-child(2) {
	display: inline-block;
}


.Ncheader2 .h2 i {
	color: #05649a;
}

.Ncheader .nav .centre ul li .pagelistnav {
	background-color: #fff;
	position: fixed;
	border-top: 1px solid #e9e9e9;
	top: 126px;
/*	left: 50%;
*/	display: none;
	width: 200px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 3;
	padding: 30px 0;
}
.Ncheader .nav .centre ul li .pagelistnav a {
	display:block; line-height:35px;	
	
	
}



.image-switch img {
display: none;
}
.image-switch img:first-child {
display: block;
}

.image-switch:hover img:first-child {
display: none;
}
.image-switch:hover img:last-child {
display: block;
}


.protitlelist th { background:#efefef; }
.c-table th > div.filter { 
	padding-left: 0;
	padding-right: 0;
	line-height: 20px;
	box-sizing: border-box;
	overflow: auto;

}
.c-table th { height:20px; border:1px #ddd solid; position:static; }
.c-table td { font-size:12px; }
.c-table tbody td a { color:#0079c3; }

#banner .swiper-slide {
	position: relative;
	overflow: hidden;
}
#banner .swiper-slide .img {
	width: 100%;
	max-width: 100%;
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
#banner .swiper-slide .img3 {
	display: none;
	width: 100%;
	max-width: 100%;
}
#banner .swiper-button-next {
	width: 38px;
	height: 38px;
	z-index: 2;
	border: 1px solid #fff;
	position: absolute;
	bottom: 80px;
	top: auto;
	right: 10%;
	background: url(../images/banner_2.png) no-repeat center center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#banner .swiper-button-next:hover {
	background-color: #05649a;
}
#banner .swiper-button-prev {
	width: 38px;
	height: 38px;
	z-index: 2;
	border: 1px solid #fff;
	position: absolute;
	bottom: 80px;
	top: auto;
	right: 15%;
	left: auto;
	background: url(../images/banner_1.png) no-repeat center center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#banner .swiper-button-prev:hover {
	background-color: #05649a;
}
#banner .swiper-pagination {
	top: auto;
	bottom: 20%;
}
#banner .swiper-button-next:after, #banner .swiper-button-prev:after {
	display: none;
}


.inProNav{ width: 1200px; height: 321px; position: relative; z-index: 888;}
.inProNav dl{ float: left; width: 281px; height: 321px;  box-shadow:0 0 10px #CCCCCC; border-radius: 5px; margin-left: 25px; position:relative;}
.inProNav dl a{ display:block; width:100%; height:100%;}
.inProNav dl a:hover{ color:#fff;}
.inProNav dl a:hover dt{color:#fff;}
.inProNav dl a:hover div{ display:block;}
.inProNav dl a div{ position:absolute; left:0; top:0; background:#004283; width:100%; height:100%; border-radius: 5px; display:none;}
.inProNav dl:first-child{ margin-left: 0;}
.inProNav dl dt{ color: #000000; font-size: 24px; font-weight: bold; line-height: 36px; padding: 39px 0 0 19px; position:relative; z-index:333;}
.inProNav dl dd{  font-size: 14px;  line-height: 30px; padding: 0 19px 0 19px; position:relative; z-index:333;}

.inAppTop{ width: 1200px; height: 138px; line-height: 138px; overflow: hidden; font-size: 36px; color: #000000; font-weight: bold; text-align:center; text-transform:uppercase;}
.inAppTop a{ font-size: 16px; font-weight: normal; padding-right: 35px; background: url(../images/SeeMore.jpg) no-repeat right center;}
.inAppTop a:hover{background: url(../images/SeeMoreh.jpg) no-repeat right center;}
.inAppList{ width: 1200px; height: auto; overflow: hidden;}

.incpdz{ width:100%; height:42px;  text-align:center; padding:20px 0; line-height:42px;  text-transform:uppercase;}
.incpdz a{ display:inline-block; font-size: 16px; font-weight: normal; padding-right: 35px; background: url(../images/SeeMore.jpg) no-repeat right center;}
.incpdz a:hover{ background: url(../images/SeeMoreh.jpg) no-repeat right center;}


.mainbanner {
  /*margin-top: 126px;*/
  position: relative;
}
.bantitle {
  margin: 0 auto;
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff; display:none;
}
.bantitle b {
  display: block;
  font-size: 30px;
  font-weight: normal;
}
.bantitle span {
  font-size: 14px;
}

.protitlelist {
  margin-bottom: 0;
}

#product-sidebar{width: 300px;padding: 30px;border-radius: 18px;background: #0079c3;/*position: relative;*/overflow: hidden;}
#product-sidebar:before{content: '';display: block;width: 144px;height: 144px;border-radius: 50%;background: #0092cf;position: absolute;right: -74px;bottom: -94px;}
#product-sidebar .top-title{font-size: 24px;color: white;font-weight: bold;margin-bottom: 20px;}
#product-sidebar .title-box{padding: 0 15px 0 20px;margin-bottom: 10px;border-radius: 8px;background: #00a2e7;}
#product-sidebar .title-box.cur{background: white;}
#product-sidebar .title-box .one-title{display: block;font-size: 16px;color: white;width: 100%;height: 50px;line-height: 50px;display: flex;justify-content: space-between;}
#product-sidebar .title-box .one-title:after{content: url("/Template/hk/Images/icon-xiala.png");margin-top: -3px;}
#product-sidebar .title-box.cur .one-title:after{content: url("/Template/hk/Images/icon-shangla.png");}
#product-sidebar .title-box.cur .one-title{color: #0079c3;font-weight: bold;}
#product-sidebar .title-box .two-title{width: 100%;font-size: 14px;color: #666666;line-height: 40px;display: block;}
#product-sidebar .title-box .onpro{ color:#0079c3; font-weight:bold; }
#product-sidebar .title-box .two-title:hover{color: #0079c3;}
#product-sidebar .title-box .two-title:last-child{margin-bottom: 20px;}
#product-sidebar .title-box .two-title:before{content: '';display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #888888;vertical-align: middle;margin-right: 10px;}
#product-sidebar .title-box .two-title:hover:before{background: #0079c3;}
#product-sidebar .search-box .search-title{font-size: 16px;color: white;font-weight: bold;margin: 20px 0 10px;}
#product-sidebar .search-box .input{width: 100%;height: 50px;line-height: 50px;border-radius: 8px;border: 1px solid #00a2e7;background: #004a77;margin-bottom: 20px;display: block;font-size: 0;}
#product-sidebar .search-box .input input[type='text']{font-size: 14px;color: white;width: calc(100% - 50px);padding-left: 20px;background:none;border:none;vertical-align:middle;}}
#product-sidebar .search-box .input input[type='submit']{width: 50px;height: 50px;background: url("/Template/hk/Images/icon-search-bai.png") center center no-repeat;cursor: pointer;border:none;vertical-align:middle;}}
#product-sidebar .search-box .input input[type='submit']:hover{background: url("/Template/hk/Images/icon-search-lan.png") center center no-repeat;}
.product-list{padding: 70px 0 120px;display: flex;justify-content: space-between;align-items: start;}


#product-list{width: calc(100% - 350px);}
#product-list #crumbs{border-bottom: 2px solid #d9d9d9;height: 60px;line-height: 60px;margin: 0 0 60px;text-align: right;}
#product-list .list-box{display: flex;flex-wrap: wrap;}
#product-list .product-box{width: calc((100% - 60px) / 4);margin: 0 20px 20px 0;border: 1px solid #d9d9d9;border-radius: 18px;overflow: hidden;display: block;}
#product-list .product-box:nth-child(4n){margin-right: 0;}
#product-list .product-box .title-box{position: relative;z-index: 1;}
#product-list .product-box .title-box .-product-title{height: 60px;padding: 20px 30px 0;line-height: 40px;font-size: 16px;margin-bottom: 20px;}
#product-list .product-box .title-box .product-title{height: 60px;padding: 20px 30px 0;line-height: 40px;font-size: 16px;margin-bottom: 20px;position: relative;}
#product-list .product-box .title-box .product-title:before{content: '';background: #cccccc;display: block;width: 40px;height: 1px;position: absolute;bottom: 0;left: 30px;}
#product-list .product-box .title-box .product-text{opacity: 0;padding: 0 30px;font-size: 14px;line-height: 24px;max-height: 96px;overflow: hidden;}
#product-list .product-box .pic-frame{width: 100%;position: relative;z-index: 0;}
#product-list .product-box .pic-frame:before{content: '';padding-top: 65.78947%;display: block;}
#product-list .product-box .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#product-list .product-box .pic-frame .pic .img{width: 100%;height: 100%;overflow: hidden;}
#product-list .product-box:hover{transform: translateY(-10px);box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);border: 1px solid #0079c3;}
#product-list .product-box:hover .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #267ddc;opacity: .92;}
#product-list .product-box:hover .product-title{color: white;font-weight: bold;}
#product-list .product-box:hover .product-title:before{background: white;}
#product-list .product-box:hover .product-text{opacity: 1;color: white;}




@media screen and (max-width: 1280px) {
    #product-list .product-box{width: calc((100% - 40px) / 3);}
    #product-list .product-box:nth-child(4n){margin-right: 20px;}
    #product-list .product-box:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width: 1024px) {
    #product-list .product-box{width: calc((100% - 20px) / 2);}
    #product-list .product-box:nth-child(3n){margin-right: 20px;}
    #product-list .product-box:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 750px) {
    #product-list{width: 100%;/* margin-top: 40px;*/}
    #product-list .product-box{width: 100%;}
    #product-list .product-box{margin-right: 0;}
    #product-list .product-box:nth-child(3n){margin-right: 0;}
    #product-list .product-box .title-box .product-title{font-size: 26px;}
    #product-list .product-box .title-box .product-title:before{bottom: -10px;background: #0079c3;height: 2px;width: 60px;}
    #product-list .product-box .title-box .product-text{font-size: 24px;line-height: 35px;max-height: 105px;}
}

@media screen and (max-width: 750px) {
    .product-list{flex-wrap: wrap;}
    #product-sidebar{width: 100%; display:none; }
    #product-sidebar .top-title{font-size: 30px;}
    #product-sidebar .title-box .one-title{font-size: 28px;min-height: 60px;line-height: 60px;}
    #product-sidebar .title-box .two-title{font-size: 26px;}
    #product-sidebar .search-box .search-title{font-size: 28px;}
    #product-sidebar .search-box .input input[type='text']{font-size: 26px;}
	.product-list { padding: 10px 0 120px; margin-top:0; }
	#proscroll .sticky-top { /*top:60px; */}
	#product-list #crumbs { margin: 0 0 20px; }
	
	#Ncheader3 .nav .centre ul li .a { display:inline-table; }

}


.product-detail{padding: 80px 0 130px;/* display: flex; */justify-content: space-between;}
#product-detail{width: calc(100% - 350px);}
#product-detail #crumbs{border-bottom: 2px solid #d9d9d9;line-height: 60px;margin: 0 0 60px;text-align: right;}
#product-detail .top-box{display: flex;justify-content: space-between;}
#product-detail .top-box .pic-frame{width: 40.95238%;position: relative;border: 1px solid #d9d9d9;border-radius: 18px;overflow: hidden;}
#product-detail .top-box .pic-frame:before{content: '';padding-top: 67.44186%;display: block;}
#product-detail .top-box .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#product-detail .top-box .text-box{width: 56%;}
#product-detail .top-box .text-box .title{padding: 20px 0 15px;font-size: 24px;font-weight: bold;}
#product-detail .top-box .text-box .text{font-size: 16px;line-height: 2;}

@media screen and (max-width: 750px) {
    .product-detail #product-sidebar{display: none;}
    #product-detail{width: 100%;}
    #product-detail #crumbs{text-align: left;}
    #product-detail .top-box{flex-wrap: wrap;}
    #product-detail .top-box .pic-frame{width: 100%;}
    #product-detail .top-box .text-box{width: 100%;}
    #product-detail .top-box .text-box .title{font-size: 32px;text-align: center;margin-top: 30px;}
    #product-detail .top-box .text-box .text{font-size: 26px;}
}

#product-detail .product-table-table{width:100%; margin:25px 0 50px;}
#product-detail .product-table-table .search{width:100%; background:#0079c3; padding:20px; border-radius:18px 18px 0 0;}
#product-detail .product-table-table .search .form{width:240px; height:40px; background:#fff; border-radius:5px; padding:0 5px;}
#product-detail .product-table-table .search .form .input{width:208px; height:40px; float:left; background:#fff; border:none;}
#product-detail .product-table-table .search .form .sub{width:17px; height:40px; cursor:pointer; float:left; background:url(/Template/hk/Images/img1.png) no-repeat center/17px,17px; border:none;}
#product-detail .product-table-table iframe{width:100%; border:none; min-height:400px;}
@media screen and (max-width: 750px) {
    #product-detail .product-table-table .search .form{width:100%; height:60px; background:#fff; border-radius:5px; padding:0 0 0 20px;}
    #product-detail .product-table-table .search .form .input{width: calc(100% - 60px);height: 60px;font-size: 26px;}
    #product-detail .product-table-table .search .form .sub{width: 60px;height: 60px;}
    #product-detail .product-table-table .biao-box{width: 705px;overflow-x: scroll;}
    #product-detail .product-table-table iframe{width: 2200px;}
}

.product_nav{
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.product_nav li{
  margin-left: 20px;
  font-size: 16px;
  position: relative;
  color: #888889;
}
.product_nav li::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: -5px;
    transform: scaleX(0);
    transform-origin: right bottom;
    transition: transform .5s ease-in-out;
  }

.product_nav li:hover::after {
    transform: scaleX(1);
    transform-origin: left bottom;
  }
.product_nav .active::after{
  transform: scaleX(1);
  transform-origin: left bottom;
}
.product_nav li a:link {
  color: #888889;
}

.product_nav li a:visited {
  color: #888889;
}

.product_nav li a:hover {
  color: #000;
  text-decoration:none;
}

.product_nav li a:active {
  color: #888889;
}
.product_nav .active a:link {
  color: #000;
}

.product_nav .active a:visited {
  color: #000;
}

.product_nav .active a:hover {
  color: #000;
}

.product_nav .active a:active {
  color: #000;
}
.pro_nav{
  display: flex;
  justify-content: center;
  align-items: center;
}
.pro_nav a{
  padding: 5px;
  display: block;
  color: #888889;
}
.pro_nav .page-num-current{
  color: #000;
}

.newslist {
}
.newslist li {
	margin: 10px 0;
	padding-left: 35px;
	position: relative;
}
.newslist li time {
	background: rgba(0, 0, 0, 0) url("../images/PicList002256-date.jpg") no-repeat scroll 0 0;
	color: #fff;
	font-size: 12px;
	height: 63px;
	left: 0;
	margin-top: -31px;
	overflow: hidden;
	padding: 12px 0 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 62px;
}
.newslist li time span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
}
.newslist li .txt {
	border: 1px solid #e6e6e6;
	overflow: hidden;
	padding: 25px 20px 16px 50px;
	text-align: left;
}
.newslist li .txt .pic {
	display: block;
	float: right;
	margin-bottom: 0;
	margin-left: 10px;
}
.newslist li .txt .pic img {
	/* height: 115px; */
	width: 180px;
}

.newslist li .txt .pic img:hover {
	animation: headShake;
	animation-duration: 2s;
}

.newslist li .txt h3 {
	font-size: 14px;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}
.newslist li .txt h3 a {
	color: #155690;
	font-weight: bold;
	font-size:16px;
}
.newslist li .txt .more:hover, .newslist li .txt h3 a:hover {
	color: #155690;
}
.newslist li .txt p {
	color: #6f6f6f;
	font-size: 14px;
	height: 48px;
	line-height: 24px;
	margin: 10px 0;
	overflow: hidden;
}
.newslist li .txt .more {
	background: rgba(0, 0, 0, 0) url("../images/PicList002256-more.jpg") no-repeat scroll right center;
	color: #a9a9a9;
	font-family: Arial;
	padding-right: 20px;
	text-transform: uppercase;
}

.detail .title {
	border-bottom: 1px #ccc dashed;
	margin-bottom: 2em;
}
.detail .title h2 {
	font-size: 1.5em;
}
.detail .back {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	border-bottom: 1px #ccc dashed;
	padding-top: 1em;
	padding-bottom: 2em;
}
.prenext {
	color: #888;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.prenext a {
	color: #888;
}
.prenext a:hover {
	color: #1356be;
}

.appsublist a .news-detailbtn {
	width: 100%;
	text-align: center;
	background: #f6f6f6;
	display: block;
	padding: 3% 0;
	transition: all 0.3s
}
.appsublist a:hover .news-detailbtn {
	background: #5bade1;
	color: #fff;
}
.appsublist .newsdesc {
	margin-bottom: 10px;
}

.bg-adv { background:url(/UploadSysFiles/Images/strengths_bg.jpg) center center no-repeat; }

/*   */
.bg-app {  background:#ecf4fb; }

.h-business {
	/* background: #fff; */
	padding: 50px 0px 0px 0px;
}
.h-business h2 {
	color: #155690;
	font-size: 2em;
	margin: 0 0 50px;
	text-align: center;
	font-weight: bold;
}
.h-business h2::after {
	background: #DFDFDF none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	margin: 0px auto 0;
}
.h-business h2 div::after {
	background: #155690 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 2px;
	margin: 13px auto 0 auto;
	width: 220px;
}

/* Common style */
.row figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
/*	width: 48%;
*/	height: auto;
/*	background: #3085a3;
*/	text-align: center;
	cursor: pointer;
}

.row figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
/*	opacity: 0.8;
*/}

.row figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.row figure figcaption::before,
.row figure figcaption::after {
	pointer-events: none;
}

.row figure figcaption,
.row figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.row figure {
	margin: 10px 1%;
	max-width: 480px;
	max-height: 360px;
}

figure.effect-sarah {
/*	background: #42b078;
*/}

figure.effect-sarah img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-sarah:hover img {
/*	opacity: 0.4;
*/	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah figcaption {
	text-align: left; background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 70%);
}
figure.effect-sarah figcaption a { color:#fff; }
figure.effect-sarah h2 a { color:#fff; }
figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0; margin-bottom:15px; text-align:center; font-size:30px; font-weight:bold;
}

figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
}

 @media(min-width:768px) {
figure.effect-sarah h2::after {

	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);

}

figure.effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah p {
/*	padding: 1em 0;
*/	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0); font-size:16px;
}

 }



figure.effect-sarah:hover p {
	opacity: 1;
}


.overy { text-align:left; overflow-y: scroll; height: 150px; padding:2px; } 
table.gradetable label { display:block; }
.thisClass { margin: 5px 0px;  border: 1px solid #c32c25;  background-color: #c32c25;color:#ffffff; }

#proscroll .affix { top:63px; position: fixed;}
.protitlelist th { background:#efefef; padding:0; }
table.gradetable label { font-size:11px; } 

.searchlistcon > tbody > tr > td {padding:0;}


.mcon_tit {
	float: left;
	width: 100%;
	font-size: 40px;
	font-weight: 600;
	color: #212121;
	line-height: 50px;
	text-align: center;
	margin-bottom: 40px;
	font-family: 'BertSansRegular', sans-serif;
	margin-top:50px;
}
.company_top ul li {
	display: block;
	float: left;
	/*width: 50%;
	padding-top: 132px;
*/	box-sizing: border-box;
}
.company_top ul li h1 {
    font-size: 30px;
    font-weight: 600;
    color: #2f84c7;
    line-height: 40px;
    text-align: center;
}
.company_top ul li h3 {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    line-height: 35px;
    text-align: center;
    margin: 5px 0;
}
.company_top ul li p {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    color: #666;
    line-height: 24px;
    text-align: center;
}
.company_top ul li p i {
	font-size:90px; color:#2f84c7; margin-bottom:15px;
}


#particles-js {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/*    多屏        */



 @media(min-width:641px) {

#proscroll .sticky-top { /*top:126px;*/ z-index:10; }

}
 @media(max-width:1024px) {
.container {
/*	min-width: 1000px;
*/}
	 
	 
}
 @media(min-width:1440px) {
.container {
	min-width: 1400px;
}
.row figure {
	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
}

.Ncheader .nav .right .tel1 .search input { width:250px;}
.Ncheader .nav .right .tel1 .search { width:300px;}





}
 @media(min-width:1920px) {
.container {
	min-width: 85%;
}
.navbar-right {
	float: right !important;
	margin-right: -15px;
	font-size: 18px;
}
}
 @media(max-width:640px) {
#navmb {
	display: block;
}
#navpc {
display: none;
}
#topnav {
	background: rgba(255,255,255,0.92)
}
.r-top-nav {
	display: none;
}
.mbstock {
	margin-top: 2rem !important
}
.mb-mt {
	margin-top: 2rem !important
}
.text-end-mb {
	text-align: let;
}
.pcht {
	height: 250px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-12 {
	width: 100%;
}
.col-xs-11 {
	width: 91.66666667%;
}
.col-xs-10 {
	width: 83.33333333%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-8 {
	width: 66.66666667%;
}
.col-xs-7 {
	width: 58.33333333%;
}
.col-xs-6 {
	width: 50%;
}
.col-xs-5 {
	width: 41.66666667%;
}
.col-xs-4 {
	width: 33.33333333%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-2 {
	width: 16.66666667%;
}
.col-xs-1 {
	width: 8.33333333%;
}
.col-xs-pull-12 {
	right: 100%;
}
.col-xs-pull-11 {
	right: 91.66666667%;
}
.col-xs-pull-10 {
	right: 83.33333333%;
}
.col-xs-pull-9 {
	right: 75%;
}
.col-xs-pull-8 {
	right: 66.66666667%;
}
.col-xs-pull-7 {
	right: 58.33333333%;
}
.col-xs-pull-6 {
	right: 50%;
}
.col-xs-pull-5 {
	right: 41.66666667%;
}
.col-xs-pull-4 {
	right: 33.33333333%;
}
.col-xs-pull-3 {
	right: 25%;
}
.col-xs-pull-2 {
	right: 16.66666667%;
}
.col-xs-pull-1 {
	right: 8.33333333%;
}
.col-xs-pull-0 {
	right: auto;
}
.col-xs-push-12 {
	left: 100%;
}
.col-xs-push-11 {
	left: 91.66666667%;
}
.col-xs-push-10 {
	left: 83.33333333%;
}
.col-xs-push-9 {
	left: 75%;
}
.col-xs-push-8 {
	left: 66.66666667%;
}
.col-xs-push-7 {
	left: 58.33333333%;
}
.col-xs-push-6 {
	left: 50%;
}
.col-xs-push-5 {
	left: 41.66666667%;
}
.col-xs-push-4 {
	left: 33.33333333%;
}
.col-xs-push-3 {
	left: 25%;
}
.col-xs-push-2 {
	left: 16.66666667%;
}
.col-xs-push-1 {
	left: 8.33333333%;
}
.col-xs-push-0 {
	left: auto;
}
.col-xs-offset-12 {
	margin-left: 100%;
}
.col-xs-offset-11 {
	margin-left: 91.66666667%;
}
.col-xs-offset-10 {
	margin-left: 83.33333333%;
}
.col-xs-offset-9 {
	margin-left: 75%;
}
.col-xs-offset-8 {
	margin-left: 66.66666667%;
}
.col-xs-offset-7 {
	margin-left: 58.33333333%;
}
.col-xs-offset-6 {
	margin-left: 50%;
}
.col-xs-offset-5 {
	margin-left: 41.66666667%;
}
.col-xs-offset-4 {
	margin-left: 33.33333333%;
}
.col-xs-offset-3 {
	margin-left: 25%;
}
.col-xs-offset-2 {
	margin-left: 16.66666667%;
}
.col-xs-offset-1 {
	margin-left: 8.33333333%;
}
.col-xs-offset-0 {
	margin-left: 0;
}


.tlogo img { max-width:20%; }
#navmb i { font-size:36px; }
#carouselExampleAutoplaying .carousel-caption { bottom:15%;}

#carouselExampleAutoplaying h5.fs-1 { font-size:16px !important; }
#carouselExampleAutoplaying h4.display-4 { font-size:20px !important; margin-bottom:10px; }
#carouselExampleAutoplaying h4.mb-5 { margin-bottom:10px; }


  




}






/************************************************
* RESPONSIVE
*************************************************/
@media (min-width: 320px) and (max-width: 768px) {
/*导航*/

body { overflow-x:no;}
.swiper-container { overflow:hidden;}
.mainpro .col-sm-3 { margin-bottom:15px; }

.row figure figcaption { padding:0.5em; }
figure.effect-sarah h2 { font-size:18px; }

.h-business h2 { font-size:1.6em; }


.title {
	width: 96%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}
.title b {
	font-size: 16px;
	letter-spacing: 0;
}
.title div {
	margin-top: 0;
}
.Ncheader .nav .navbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #fff;
	display: none;
}
.Ncheader .nav .centre ul li .a {
	color: #333;
	width: 80%;
	display: inline-table;
}
.Ncheader .nav .centre ul li strong {
	/*float: right;*/
}
.Ncheader .nav .centre {
	width: 100%;
}
.Ncheader .nav .centre ul {
	height: auto;
	width: 100%;
	margin-top: 60px;
	border-top: 1px solid #eee;
}
.Ncheader .nav .centre ul li {
	float: none;
	border-bottom: 1px solid #eee;
	height: auto;
	overflow: hidden;
	cursor: pointer;
}
.Ncheader .nav .centre ul li strong {
	display: inline-table;
}
.Ncheader .nav .centre ul span {
	display: none;
}
.Ncheader .nav .centre ul li .listnav {
	display: none;
}
.Ncheader .nav .centre ul li .a {
	color: #333;
}
.Ncheader .nav .logo .im2 img {
	width: 160px;
}
.Ncheader .h2 {
	display: block;
	margin-left:250px;
}
.Ncheader .nav .right {
	display: block;
	float: none;
	width: 50%;
	text-align: center;
	position: absolute;
	bottom: 30%;
	left: 20%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.Ncheader .nav .right .layui-btn {
	color: #333;
}
.Ncheader .nav .right .china {
	width: 100%;
}
.Ncheader .nav .right .img2 {
	display: inline-block;
}
.Ncheader .nav .right .img1 {
	display: none;
}
.Ncheader .nav .right span {
	background-color: #666;
}
.Ncheader .nav .right span a {
	color: #fff;
}
.Ncheader .nav .right .layui-btn-container {
	display: inline-block;
	float: none;
}
.Ncheader .nav .right .china {
	text-align: center;
	margin-top: 10%;
}
.Ncheader .nav .logo {
	z-index: 99;
	position: fixed;
	top: 0;
	left: 20px;
	height: 60px;
}
.Ncheader .nav .centre ul li .listnav i {
	display: none;
}
.Ncheader .nav .right .tel a,  .Ncheader .nav .right .tel {
	color: #333;
}
.Ncheader .nav .right .tel img,  .Ncheader2 .nav .right .tel .tema2 {
	display: none;
}
.Ncheader .nav .right {
	width: 100%;
}
.Ncheader .nav .right .tel i {
	width: 100%;
	display: block;
}
.Ncheader .nav .centre ul li {
	line-height: 50px;
}
.Ncheader .nav .right .tel {
	margin-left: 0;
	float: none;
}
.Ncheader .nav .right .tel em {
	color: #333;
}
.Ncheader {
	border-bottom: none;
}
/*导航*/
  /*banner*/
#banner .swiper-button-next,  #banner .swiper-button-prev {
	width: 20px;
	height: 20px;
	background-size: 5px;
	bottom: 10px;
}
#banner .swiper-button-next {
	right: 10px;
}
#banner .swiper-button-prev {
	right: 35px;
}
#banner .swiper-slide .img {
	display: none;
}
#banner .swiper-slide .img3 {
	display: block;
}
/*banner*/
.Ncheader .nav .right .tel1 .search input { width:220px}
.Ncheader .nav .right .tel1 .search { width:300px; }
.Ncheader .nav .right .tel1 { float:none; }


.tabmenu { /*display:none;*/
}
/*.thdiv { display:none; }
table.gradetable label { font-size:9px;}
.overy { height:80px;}
.protitlelist th { font-size:11px; }*/
#proscroll .sticky-top { /*top:50px;*/ }

/*.culturelist {
	margin-top: 2em;
}
.searchlistcon > tbody > tr > td { font-size:11px;}
.searchlistcon > tbody > tr > td .btn { padding: 0.1rem;
font-size: .675rem;}

#table > tbody > tr > td { font-size:11px;}
#table > tbody > tr > td .btn { padding: 0.1rem;
font-size: .675rem;}

#tb4 { width:25%; }
#tb5 { width:20%; }
#tb17 { width:17%; }
#tb15 { width:15%; }


table.gradetable label { font-size:9px; }
*/

#banner { margin-top:60px; }
#carouselExampleIndicators { margin-top:60px; }

}
@media (min-width: 1000px) and (max-width: 1298px) {
.Ncheader .nav .right .tel em { margin-left:3px; margin-right:3px; }
.nav .float-end { float:none !important; }

#product-list {
  width: calc(100% - 280px);
  
}
#product-sidebar {
  width: 260px; padding: 10px;
}

#proscroll .sticky-top {
    top: 60px;}
.p-5 { padding: 2rem !important; }

}

@media (min-width: 1000px) and (max-width: 1400px) {
.p-5 { padding: 2rem !important; }

}

@media (min-width: 1200px) and (max-width: 1299px) {
.Ncheader .nav .right .tel em { margin-left:3px; margin-right:3px; }
.nav .float-end { float:none !important; }


}
@media (min-width: 1300px) and (max-width: 1439px) {
.Ncheader .nav .right .tel em { margin-left:3px; margin-right:3px; }
.nav .float-end { float:none !important; }
.Ncheader .nav .centre ul li { padding:0 15px; }

}

@media (min-width: 1000px) and (max-width: 1600px) {

#product-list { width: calc(100% - 240px);}
#product-sidebar {
  width: 220px;
  padding: 10px;
}
.Ncheader .nav .centre { margin-right:60px; }


}
@media (min-width: 1601px) and (max-width: 1920px) {

.Ncheader .nav .centre { margin-right:100px; }
}

@media (min-width: 320px) and (max-width: 1299px) {
  .Ncheader .nav .centre ul li .listnav div a{
      font-size:13px;
  }
  /*导航*/
  .Ncheader .nav {
    width: 96%;
  }
  .Ncheader .nav .centre ul li .listnav {
    width: 100%;
  }
  .Ncheader .nav .centre {
    margin-left: 1%;
  }
  .Ncheader .nav .centre ul li {
    padding: 0 8px;
  }
  .title {
    padding-top: 30px;
  }
  .title b {
    font-size: 22px;
  }
  .title div {
    font-size: 12px;
  }
  .Ncheader .nav .right .tel {
    line-height: 45px;
    height: 45px;
    margin-left: 10px;
    margin-top: 15px;
  }
  .Ncheader .nav .right .tel1 {
    line-height: 45px;
    height: 45px;
    margin-left: 10px;
    margin-top: 15px;
  }
  .Ncheader .nav .right .tel1 .search {
      top: 48px;
  }
  .Ncheader .nav .centre ul li {
    line-height: 45px;
    margin-top: 15px
  }
  .Ncheader .nav .logo .im1 img {
    width: 160px;
  }
  .Ncheader .nav .logo {
    height: 60px;
  }
  .Ncheader .nav {
    height: 60px;
  }
  .Ncheader .nav .centre ul {
    height: 60px;
    line-height: 60px;
  }
  .Ncheader .nav .centre ul span {
    bottom: 2px;
  }
  .Ncheader .nav .centre ul li .listnav {
    top: 60px;
  }
  .Ncheader .nav .centre ul li .listnav div {
    padding: 0 0.5%;
    width: calc(15.66% - 1px);
    text-align: center;
  }
  .mainbanner {
    /*margin-top: 60px;*/
  }
  /*导航*/
  /*banner*/
  #banner .swiper-button-next,
  #banner .swiper-button-prev {
    width: 30px;
    height: 30px;
  }
  #banner .swiper-button-next {
    right: 20px;
  }
  #banner .swiper-button-prev {
    right: 55px;
  }
  /*banner*/
  .nc_1500 {
    width: calc(100% - 30px);
  }
  .ncmain {
    width: calc(100% - 30px);
  }
  
	.mt-10 {
		margin-top: 3rem !important;
	}
	.mb-10 {
		margin-bottom: 3rem !important;
	}
  .mmb-1 { margin-bottom: 1.5rem !important; }
  .company_top ul li { display:block; text-align:center; width:100%; }
  .Ncheader .nav .centre ul li { margin-top:5px; }
  
}

 @media (min-width: 768px) and (max-width: 1920px) {

.mainpro p { font-size:12px; }


}


 @media (min-width: 1921px) {

#carouselExampleAutoplaying img { width:100%}
.Ncheader .nav .centre { margin-right:150px; }


}

.Ncheader3.active, .Ncheader3.scroll, .Ncheader3:hover{ background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.Ncheader3:hover .nav .centre ul li .a { color:#333; }
.Ncheader2:hover .nav .right .tel a { color:#333; }
.Ncheader:hover .nav .right .tel a {
	color: #333;
	font-size: 20px;
}